<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>月考勤报表</title>

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
        .checkbox-inline input[type="checkbox"] {
            margin-top: 3px
        }
    </style>

</head>

<body class="white-bg x_sorll" style="padding: 3px;">
<div class="page-heade">
    <h2 class="title_color text-center">月考勤报表</h2>
</div>
<form action="" class="form-inline" id="form1">
    <table class="table table-bordered bud_hei">
        <tr>
            <td>请选择要查询的月份</td>
            <td><input type="text" name="" class="form-control" id="month"></td>
            <td>部门:</td>
            <td><input type="text" name="" class="form-control"></td>
            <td>姓名:</td>
            <td><input type="text" name="" class="form-control"></td>
            <td>
                类型： <label class="checkbox-inline" for="formal"><input type="checkbox" name="kind"
                                                                       id="formal">正常</label>
                <label class="checkbox-inline" for="late"><input type="checkbox" name="kind" id="late">迟到</label>
                <label class="checkbox-inline" for="leaveEarly"><input type="checkbox" name="kind"
                                                                       id="leaveEarly">迟到</label>
            </td>
            <td class="text-left">
                <button class="btn-sm btn-info btn">查询</button>
                <span class="lr_5"></span>
                <button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button>
                <button class="btn btn-sm btn-info" type="button">导出Excel</button>
            </td>
        </tr>
    </table>
</form>
<table class="table table-striped table-bordered table-hover bud_hei text-center aprovalSystemTable">
    <tr class="info">
        <td class="text-center" rowspan="3">No.</td>
        <td class="text-center" rowspan="3">年月</td>
        <td class="text-center" rowspan="3">姓名</td>
        <td class="text-center" rowspan="3">所属部门</td>
        <td class="text-center" rowspan="3">职务</td>
        <td class="text-center" rowspan="3">本月实际<br>出勤天数</td>
        <td class="text-center" colspan="2">本月迟到</td>
        <td class="text-center" colspan="2">本月早退</td>
        <td colspan="62">日期</td>
    </tr>
    <tr class="info">
        <td rowspan="2">累计次数</td>
        <td rowspan="2">累计时长<br>(分钟)</td>
        <td rowspan="2">累计次数</td>
        <td rowspan="2">累计时长<br>(分钟)</td>
        <td colspan="2">1</td>
        <td colspan="2">2</td>
        <td colspan="2">3</td>
        <td colspan="2">4</td>
        <td colspan="2">5</td>
        <td colspan="2">6</td>
        <td colspan="2">7</td>
        <td colspan="2">8</td>
        <td colspan="2">9</td>
        <td colspan="2">10</td>
        <td colspan="2">11</td>
        <td colspan="2">12</td>
        <td colspan="2">13</td>
        <td colspan="2">14</td>
        <td colspan="2">15</td>
        <td colspan="2">16</td>
        <td colspan="2">17</td>
        <td colspan="2">18</td>
        <td colspan="2">19</td>
        <td colspan="2">20</td>
        <td colspan="2">21</td>
        <td colspan="2">22</td>
        <td colspan="2">23</td>
        <td colspan="2">24</td>
        <td colspan="2">25</td>
        <td colspan="2">26</td>
        <td colspan="2">27</td>
        <td colspan="2">28</td>
        <td colspan="2">29</td>
        <td colspan="2">30</td>
        <td colspan="2">31</td>
    </tr>
    <tr class="info">
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
        <td>上班<br>时间</td>
        <td>下班<br>时间</td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
<!--  <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                 总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                 每页显示
                 <select id="pagesize">
                     <option value='10' selected>10条</option>
                     <option value='15'>15条</option>
                     <option value='20'>20条</option>

                 </select>
             </h5> -->
<!--    <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->

<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/laydate/laydate.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click', 'input[type=text]', function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    laydate.render({
        elem: '#month',
        type: 'month'
    });
    $(document).ready(function () {
        $('#reset').on('click', function () {
            $("#form1 input").each(function () {
                $(this).val('');
            });
            $("#form1 select").each(function () {
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })

</script>
</body>

</html>